@CHARSET "UTF-8";

body {
	font-family: "Segoe UI", "myriad pro", myriad, helvetica, arial, sans-serif;
	font-size: 17px;
	line-height: 26px;
	width: 800px;
	margin: auto;
	padding: 30px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
}

hr {
	width: 100%;
}

.blue {
	color: #026699;
}

.green {
	color: #58aa00;
}

.button {
	padding: 5px 10px;
	margin: 8px 0px;
	display: inline;
	background: #777 url(button.png) repeat-x bottom;
	border: none;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 1px 1px #666;
}

.button:hover {
	background-position: 0 center;
}

.button:active {
	background-position: 0 top;
	position: relative;
	top: 1px;
	padding: 6px 10px 4px;
}

.button.red { background-color: #e50000; }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: #ff9c00; }
.button.blue { background-color: #026699; }
.button.black { background-color: #333; }
.button.small { font-size: 75%; padding: 3px 7px; }

.rounded-corners, .login, .errors, .userForm, .gwt-TabLayoutPanelTab {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    background-color: #EEE;
    padding: 20px;
}

.errors {
	color: #e50000;
	font-weight: 400;
	margin: 10px auto; 	
	padding: 2px;
}

.title {
	text-align: center;
}

.title-left, .title-left-inline {
	text-align: left;
}

.title-left-inline {
	display: inline-block;
}

.center {
	margin: 0 auto;
}

#loggedUserPanel {
	float: left;
	width: 100%;
}

#loggedUserPanel ul{
	float: right;
	display: inline-block;
}

#loggedUserPanel li{
	float: left;
	display: block;
	padding: 8px;
}

/** ----------- GWT ----------*/

.gwt-PopupPanel {
  border: 3px solid #e7e7e7;
  padding: 3px;
  background: white;
}
.gwt-PopupPanelGlass {
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
html>body .gwt-PopupPanel {
}
* html .gwt-PopupPanel {
}
.gwt-DecoratedPopupPanel .popupContent {
}
.gwt-DecoratedPopupPanel .popupMiddleCenter {
  padding: 3px;
  background: #f1f1f1;
}

.gwt-TabLayoutPanel {
 height: 100%;
}
 
/** the tab bar */
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
}
 
/** the individual tab in the tab bar */
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
 cursor: pointer;
 cursor: hand;
 color: white;
 font-weight: bold;
 min-width: 6em;
 background-color: #0266FF;
 text-align: center;
 float: left;
 margin-right: 5px;
 padding: 5px;
}
 
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
 cursor: default;
 background-color: #026699;
}
 
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent { 
 width: 100%;
 padding: 10px;
 margin-top: 5px;
}
 
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabInner {
}